<template>
  <span
    class="param_value_text"
    :style="{
      position: 'absolute',
      zIndex: 30,
      color: 'white',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      fontSize: props.size + 'px',
      top: props.top + 'px',
      left: props.left + 'px',
      width: props.width + 'px',
      height: props.height + 'px',
    }"
  >
    <slot></slot>
  </span>
</template>

<script>
import { defineComponent, onMounted } from "vue";
export default defineComponent({
  name: "ParamValueText",
});
</script>
<script setup>
// props
const props = defineProps({
  size: {
    default: 16,
  },
  top: {
    default: 0,
  },
  left: {
    default: 0,
  },
  width: {
    default: null,
  },
  height: {
    default: 0,
  },
});
</script>

<style lang="scss" scoped></style>
